<!DOCTYPE html>
<html lang="en">
	<head>
	  <meta charset="utf-8">
	  <title>demo1</title>
	  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<script src="js/rempc.js" type="text/javascript" charset="utf-8"></script>
	<script>
			var timestamp = parseInt(Date.parse(new Date())/10000);
			document.write('<link rel="stylesheet" href="css/style.css?v='+timestamp+'"/>');
	</script>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
	<script src="js/qrcode.min.js"></script>
	<!-- 个人文件 -->
	<link rel="stylesheet" href="css/config.css">
	<link rel="stylesheet" type="text/css" href="css/zhy.animate.css"/>
	<style>
	#container {
		width: 100%;
		height: 100%;
	}
	</style>
	</head>
	<body>
		<div id="loadDiv" class="full loadDiv none">
			<img src="img/L_bg.png?v=1.1" class="bg pos-ab" />
			<img src="img/L_txt.png?v=1.1" class="L_txt pos-ab"/>
			<div class="jindu-box pos-ab">
				<div class="border-load pos-ab">
					<div class="load-color pos-ab"></div>
				</div>
				<p id="loadBegin" class="loadBegin" style="font-size: 12px;letter-spacing: 2px;">0%</p>
			</div>
		</div>


		<div class="main swiper-container pos-ab">
			<div class="swiper-wrapper">
				<!-- 首页 -->
				<div class="swiper-slide page1 swiper-no-swiping">
					<img src="img/p1_bg.png?v=1.1" class="p1_bg pos-ab full">
					<img src="img/p1_btn.png?v=1.1" class="p1_btn pos-ab">
				</div>
				<!-- <div class="swiper-slide page1 swiper-no-swiping"> -->
				<div class="swiper-slide page1 swiper-no-swiping ">

					<img src="img/p2_bg.png?v=1.1" class="p1_bg pos-ab full">
					<div class="p2_btn_content pos-ab">
						<img src="img/rukou_1.png?v=1.1" onclick="show_alert(1)"  class="rukou_1 ">
						<img src="img/rukou_2.png?v=1.1" onclick="show_alert(2)" class="rukou_2 ">
						<img src="img/rukou_3.png?v=1.1" onclick="show_alert(3)" class="rukou_3 ">
					</div>
					
					<!-- 弹窗 -->
					<div class="p2_answer_box pos-ab none">
						<div class="p2_answer_content pos-ab">
								
								<div class="t1">
									<span>部门：</span>
									<input type="text" name="area" id="area_input" class="p2_input">
								</div>
								<div class="t2">
									<span>工号：</span>
									<input type="number" name="work" id="work_input" class="p2_input">
								</div>
								<div class="t3">
									<span>姓名：</span>
									<input type="text" name="name" id="name_input" class="p2_input">
								</div>
								<div class="t4">
									<span>所在学院：</span>
									<input type="text" name="school" id="school_input" class="p2_input">
								</div>
								<div class="submit_next_btn">
									提交
								</div>
						</div>
					</div>
				</div>
				<!-- p2 -->
				<div class="swiper-slide page1 swiper-no-swiping">
					<img src="img/p2_bg.png?v=1.1" class="p1_bg pos-ab full">
					<img src="img/title_img.png?v=1.1" class="title_img pos-ab" alt="">
					<!-- <img src="img/p2_btn1.png?v=1.1" class="p2_btn1 pos-ab" alt=""> -->
					<!-- <img src="img/p2_btn2.png?v=1.1" class="p2_btn2 pos-ab" alt=""> -->
					<div class="count_down pos-ab">
						倒计时：
						<span class="clock"></span>s
					</div>
					<div class="content_div2 pos-ab">
						<!-- swiper -->
						<div class="swiper2">
							<div class="swiper-wrapper" id="timu_content">
								
							</div>
						</div>
					</div>
					<img src="img/back_btn.png?v=1.1" class="back_btn pos-ab"  alt="">
					<div class="option_div">
						<img src="img/btn_a.png?v=1.1" class="succ_btn a_btn pos-ab" data-option='A' alt="">
						<img src="img/btn_b.png?v=1.1" class="error_btn b_btn  pos-ab" data-option='B' alt="">
						<img src="img/btn_c.png?v=1.1" class=" c_btn pos-ab" data-option='C' alt="">
						<img src="img/btn_d.png?v=1.1" class=" d_btn pos-ab" data-option='D' alt="">

					</div>
					
				</div>
				
			</div> 
		</div>
		<!-- 答案对错弹窗 -->
		<div class="answer_box pos-ab none">
			<div class="answer_content pos-ab">
					<span class="answer_tit">正确答案</span>
					<span class="answer_text text_content text_center"></span>
					<div class="answer_next_btn">
						下一题
					</div>
			</div>
		</div>
		
		
		
		
		<!--奖品弹窗-->
		<div class="jiang_div pos-ab full none">
			<img src="" alt="" class="jiang_img pos-ab">
			<span class="time_txt vertical_text pos-ab"></span>
			<div class="ewm_div pos-ab">
				<div id="qrcode" class="ewm_img pos-ab"></div>
				<span class="ewm_text pos-ab">下载领取奖状</span>
			</div>
			<div class="p3_back_btn pos-ab"></div>
		</div>
		<source src="js/jquery-1.11.3.min.js"></script> 
		<script src="js/swiper.animate.min.js" ></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/picker.min.js?v=2.21"></script>
		<script src="js/preloadjs-0.6.1.min.js"></script>
		<script src="js/wx_author.js"></script> 
		<script>
			document.write('<script src="js/bgmusic.js?v='+timestamp+'"><\/script>');
			document.write('<script src="js/app.js?v='+timestamp+'"><\/script>');
			document.write('<script src="js/loading.js?v='+timestamp+'"><\/script>');
		</script>
		<script>
			// var _bgmusic=new bgmusic({});
		</script>
	</body>
</html>
